<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <title>title</title>
    <meta charset="utf-8">
    <style type="text/css">
        #test {
            margin: 0 auto;
            width: 300px;
            height: 300px;
            background-color: gray
        }

        ul, li {
            list-style: none;
        }

        .red-box {
            width: 40px;
            height: 10px;
            background-color: red;
        }

        .green-box {
            width: 40px;
            height: 10px;
            background-color: green;
        }
    </style>
</head>
<body>
<div id="test">
    <input v-model="msg">
    <input v-model="msg | uppercase">
</div>
<script src="dist/build.js"></script>
</body>
</html>